<!DOCTYPE html>
<html lang="zh-CN" ng-app="App">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>{$Think.lang.affiliate_dashboard}</title>
    <!-- UIKIT -->
    <load href="__PUBLIC__/{:UIKIT}/css/uikit.almost-flat.min.css" />
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <load href="__PUBLIC__/Common/js/jquery-1.11.2.min.js"/>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <load href="__PUBLIC__/{:UIKIT}/js/uikit.min.js"/> 
	<load href="__PUBLIC__/Common/dist/jquery.validate.min.js"/> 	
	<load href="__PUBLIC__/{:ANGULARJS}/angular.min.js"/> 
	<load href="__PUBLIC__/App/CommonDirective.js"/>
</head>
<style>
/*表单验证提示错误样式*/
#validate_form label.error {
	color:red;
	font-weight:normal;
	font-size:11px;
}
</style>
<script>
$(function(){
$("#validate_form").validate();	
$("#validate_form1").validate();	
})	
</script>
<body >

<div class="uk-block uk-block-secondary" style="margin-top:40px;">   
	<div class="uk-container uk-container-center">  
		<div class="uk-grid" data-uk-grid-match>
		<div class="uk-width-1-2">	

<div class="uk-width-medium-1-2 uk-container-center">
<div class="uk-vertical-align" style="height:350px;">
    <div class="uk-vertical-align-middle">
<h1 class="uk-heading-large">LOGIN<h1>
    </div>
</div>
</div>

		</div>
		<div class="uk-width-1-2">	
	 <form action="__CONTROLLER__/checkin" method="post"  class="uk-panel uk-panel-box uk-form" style="width: 350px;" id="validate_form1" >
   <div class="uk-text-center">
	<h1>{$Think.lang.affiliate_program}</h1>
	<hr>
	</div>
                <div class="uk-form-row">
                    <input class="uk-width-1-1" type="text"  required  name="username" placeholder="{$Think.lang.aff_id}">
                </div>
                <div class="uk-form-row">
				 <div class="uk-form-password">
                    <input class="uk-width-1-1" type="password"  required  name="password" placeholder="{$Think.lang.aff_pwd}">
				</div>	
                </div>
				   <div class="uk-form-row">
                    <input class="uk-width-1-3" type="text"  required  name="verify" placeholder="{$Think.lang.verify}">
					<p>
					<div verify-directive img-src="__CONTROLLER__/verify"></div>
						</p>
                </div>
                <div class="uk-form-row">
                    <button class="uk-width-1-1 uk-button uk-button-primary" type="submit">Login</button>
                </div>
                <div class="uk-form-row uk-text-small">
					<a href="__APP__" class="uk-icon-hover uk-icon-reply"> </a>
                    <a class="uk-float-right uk-link uk-link-muted" href="#">Forgot Password?</a>
                </div>
            </form>
		</div>
			
		</div>	
            </div>

</body>

</html>
